{include file="public/header" /}
<body class="gray-bg">
<div class="animated fadeIn">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>系统配置</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="tabs_panels.html#">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <li><a href="tabs_panels.html#">选项1</a>
                            </li>
                            <li><a href="tabs_panels.html#">选项2</a>
                            </li>
                        </ul>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="panel blank-panel">

                                <div class="panel-heading">
                                    <div class="panel-options">

                                        <ul class="nav nav-tabs">
                                            {volist name='siteList' id='vo'}
                                                <li class="{$vo.active?'active':''}">
                                                    <a data-toggle="tab" href="#{$vo.name}" aria-expanded="true">
                                                        {$vo.title}
                                                    </a>
                                                </li>
                                            {/volist}

                                            <li class=""><a data-toggle="tab" href="tabs_panels.html#tab-7" aria-expanded="false"><i class="fa fa-plus"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="panel-body">
                                    <div class="tab-content">
                                        {volist name='siteList' id='vo'}
                                        <div class="tab-pane fade {$vo.active ? 'active in' : ''}" id="{$vo.name}">
                                            <div class="widget-body no-padding">
                                                <form id="{$vo.name}-form" class="edit-form form-horizontal" role="form" data-toggle="validator" method="POST" action="{:url('general.config/edit')}">
                                                    <div class="hr-line-dashed"></div>
                                                    {foreach $vo.list as $item}
                                                    <div class="form-group">
                                                        <label class="col-sm-2 control-label">{$item.title}：</label>
                                                        <div class="input-group col-sm-4">
                                                            {switch $item.type}
                                                                {case string}
                                                                <input type="text" class="form-control" name="row[{$item.name}]" value="{$item.value|htmlentities}">
                                                                <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> {$item.tip}{php}echo "{\$site.". $item['name'] . "}";{/php}</span>

                                                                {/case}
                                                            {/switch}
                                                        </div>
                                                        <div class="hr-line-dashed"></div>
                                                    </div>
                                                    {/foreach}

                                                </form>
                                            </div>

                                        </div>
                                        {/volist}

                                        <div id="tab-7" class="tab-pane">
                                            <strong>栅格系统</strong>

                                            <p>Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。</p>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
{include file="public/footer" /}

</body>

</html>
